<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../common/init.jsp"%>
<%
	String pagemodel = "Publications";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Publications with Abmart custom antibodies.</title><meta name="keywords" content="publication, validation, journal" />
<meta name="description" content="Abmart's custom antibodies are validated by hundreds of successful publications." />
</head>
<body>
<script>
	document.getElementById("Default_Successes").style.fontWeight='bold';
	document.getElementById("Default_Successes").children[0].children[0].style.color="#FF6600";
</script>
<div class="localbar">
		<li><a href="<%=home %>" style="color:white">Home</a> > <%=pagemodel%></li>
	</div>
<div class="tab">
</div>
	<div class="contentbox">
    	<table width="100%" border="0"  cellspacing="0"  class="tablelist">
  <tr>
    <td align="center" bgcolor="#e4e4e4">Publication</td>
    <td align="center" bgcolor="#e4e4e4">Targets</td>
    <td align="center" bgcolor="#e4e4e4">Catergory</td>
    <td align="center" bgcolor="#e4e4e4">Species </td>
    <td align="center" bgcolor="#e4e4e4">Application </td>
    <td align="center" bgcolor="#e4e4e4">Figures </td>
  </tr>
  <c:forEach items="${pageable.content }" var="obj" varStatus="i">
	     	 	<tr onmousemove=javascript:changebg(this,0) onmouseout=javascript:changebg(this,1) id="${obj.id }">
	     	 		<td align="center">
	     	 			<a href="<%=path%>/publications_details_${obj.id }.html" target="_blank">${obj.publication }</a>
	     	 		</td>
					<td align="center">
						${obj.targetprotein }
					</td>
					<td align="center">
						${obj.protein_category }
					</td>
					<td align="center">
						${obj.species }
					</td>
					<td align="center">
						${obj.application }
					</td>
					<td align="center">
						<a href="javascript:open('${obj.figure1 }')">
							<img src="<%=path%>/webmanage${obj.figure1 }" width="110" height="55">
						</a>
					</td>
				</tr>
  </c:forEach>
</table>
<div class="page">
                <ul id="visible-pages-example"></ul>
            </div>
    </div>
<div class="cd-popup" role="alert">
	<div class="cd-popup-container"style="max-width: 600px">
		<img id="open" src="<%=path%>/res/images/sucess.png" width="550" height="400">
		<a href="#0" class="cd-popup-close img-replace">Close</a>
</div> <!-- cd-popup-container -->
</div> <!-- cd-popup -->
<script src="<%=path%>/res/js/page/zzsc.js"></script>
<script type="text/javascript">
	var href="<%=path%>/publications_{{number}}.html";
	var total = ${pageable.total};
	var number= ${pageable.number}+1;
	var pages =10;
	if(total==0){
		total=1;
	}
	if(pages>total){
		pages=total;
	}
	function open(path){
		$("#open").attr("src", "<%=path%>/res/images/"+path); 
		$('.cd-popup').addClass('is-visible');
	}
</script>
</body>
</html>
